<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width-device width,user scalable-no,initial scale=1.0,maximum-scale=l.0,minimum scale=l.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>


    <!--es6的模块,另外需要webpack编译,或者使用type="module"-->
    <script type="module">
        //语句解释:将 所有* 引入为 mod1 从 './mod1.js'中
        //import * as mod1 from './js/mod1';       //常规写法,但是没有开启本地服务器无法读取mod1.js,因此替换为nas的nginx;
        import * as mod1 from 'http://192.168.1.90:28080/mod1.js';    //'./mod1' 等同于mod1.js,但./是webpack约定的写法不可省略(原生的js可以)

        //另一种引用默认值的写法
        import mod11 from 'http://192.168.1.90:28080/mod1.js';     //相当于 import default as mod11 from './mod1'; 的一种简写

        //引入部分变量
        import {a as aa} from "http://192.168.1.90:28080/mod1.js";

        //也可以只引用不使用,webpack也可以引入css资源

        //异步引入
        let p = import("http://192.168.1.90:28080/mod1.js");   //将import当函数使用;引入后是promise对象

        alert('hello');
        console.log(mod1.a, mod1.b);
        console.log(mod11);
        console.log(aa);

        // //补充,也可以用idea的tomcat,在开启tomcat后选择/web为根目录路径时可以使用以下导入
        // import * as mod11 from './js/mod1.js';
        // console.log(mod11.b);
    </script>


</head>


<body>


</body>
</html>



